<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>jQuery Mobile Docs - Slide Panel</title>
	<link rel="stylesheet"  href="themes/css/jquery.mobile-1.3.0-beta.1.min.css" />
	<link rel="stylesheet"  href="themes/css/main.css" />

	
	<script src="js/jquery-1.8.2.min.js"></script>
	<script src="js/jquery.mobile-1.3.0-beta.1.min.js"></script>
</head>
<body>
	
	<div data-role="page" id="index">
	
		<!-- defaultpanel  -->
		<div data-role="panel" id="mypanel" data-theme="a" data-position="left" data-display="push" data-dismissible="false">
		<div data-role="content">
			<ul>
				<li><a href="#index" data-rel="close" class="btn-setting"><span class="sprite"></span><span class="txt">설정</span></a></li>
				<li><a href="#index"  class="btn-map"><span class="sprite"></span><span class="txt">지도</span></a></li>
				<li><a href="mypeople.html"  class="btn-menupeople"><span class="sprite"></span><span class="txt">내정보</span></a></li>
				<li><a href="friends.html"  class="btn-friends"><span class="sprite"></span><span class="txt">친구</span></a></li>
				<li><a href="#index"  class="btn-calendar"><span class="sprite"></span><span class="txt">일정</span></a></li>
			</ul>
	</div>
		</div><!-- /mypanel -->

			<div data-role="header" data-position="fixed" data-theme="c">
		<ul><li>
					<img class="profile" src="themes/css/images/logo.png" />
					<h4><strong>권미견</strong></h4>
				</li></ul></div>
		<!-- content -->
		<div data-role="content">
			<ul data-role="listview" data-inset="true" data-filter="true" 
				data-filter-placeholder="맛집명">
									 <!--search -->
				<li><a href="review.html">
					<img class="img_photo" src="themes/css/images/don.png"/>
					<p class="ui-li-aside"><strong>4:50</strong>PM</p>
					<h3><strong>돈까스카레</strong></h3>
					<p>카레다카레</p>
					<span class="ui-li-count"> 좋탕 57</span></a>
					
				<div data-role="controlgroup" data-type="horizontal" data-mini="true">
					<a href="index.html" data-role="button" data-icon="edit">댓글</a>
					<a href="index.html" data-role="button" data-icon="star">좋탕</a>
					<a href="index.html" data-role="button" data-icon="check">같이</a>
				</div></li>
				
				<li><a href="#">
					<img class="img_photo" src="themes/css/images/mr.chow.JPG" />
					<p class="ui-li-aside"><strong>4:48</strong>PM</p>
					<h3><strong>미스터차우</strong></h3>
					<p>미스터차우 맛있어효</p>
					<span class="ui-li-count"> 좋탕 11</span>
					</a>
				<div data-role="controlgroup" data-type="horizontal" data-mini="true">
					<a href="index.html" data-role="button" data-icon="edit">댓글</a>
					<a href="index.html" data-role="button" data-icon="star">좋탕</a> 
					<a href="index.html" data-role="button" data-icon="check">같이</a>
				</div></li>
				
				<li><a href="#">
					<img class="img_photo" src="themes/css/images/goo.jpg" />
					<p class="ui-li-aside"><strong>4:44</strong>PM</p>
					<h3><strong>곱창이당</strong></h3>
					<p>곱창맛있는곱창</p>
					<p>비싼곱창ㅠㅠ</p>
					<span class="ui-li-count"> 좋탕 22</span>
					</a>
				<div data-role="controlgroup" data-type="horizontal" data-mini="true">
					<a href="index.html" data-role="button" data-icon="edit">댓글</a>
					<a href="index.html" data-role="button" data-icon="star">좋탕</a> 
					<a href="index.html" data-role="button" data-icon="check">같이</a>
				</div></li>
				
				<li><a href="#">
					<img class="img_photo" src="themes/css/images/hoho.jpg" />
					<p class="ui-li-aside"><strong>3:48</strong>PM</p>
					<h3><strong>호호호호떡</strong></h3>
					<p>호호호~~호호호~~떡</p>
					<span class="ui-li-count"> 좋탕 33</span>
					</a>
				<div data-role="controlgroup" data-type="horizontal" data-mini="true">
					<a href="index.html" data-role="button" data-icon="edit">댓글</a>
					<a href="index.html" data-role="button" data-icon="star">좋탕</a> 
					<a href="index.html" data-role="button" data-icon="check">같이</a>
				</div></li>

				<li><a href="#">
					<img class="img_photo" src="themes/css/images/salad.jpg" />
					<p class="ui-li-aside"><strong>2:48</strong>PM</p>
					<h3><strong>샐러드</strong></h3>
					<p>소스가...</p>
					<span class="ui-li-count"> 좋탕 49</span>
					</a>
				<div data-role="controlgroup" data-type="horizontal" data-mini="true">
					<a href="index.html" data-role="button" data-icon="edit">댓글</a>
					<a href="index.html" data-role="button" data-icon="star">좋탕</a> 
					<a href="index.html" data-role="button" data-icon="check">같이</a>
				</div></li>
				</ul>
			</div>
		<!--/content end-->
		
		
		<div data-role="footer" data-theme="a"  data-position="fixed">
			<a href="#mypanel" data-role="button" data-icon="bars">메뉴</a>
			<a href="write.html" data-role="button" class="ui-btn-right" data-iconpos="right" data-icon="edit" >글쓰기</a>
		</div>

	</div><!-- /page -->
</body>
</html>